<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blog Posts - Cube Portfolio</title>
    <meta name="description" content="Blog Posts">
    <meta name="keywords" content="Blog Posts">

    <!-- load open sans font from google fonts -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>

    <!-- load reset css  - http://meyerweb.com/eric/tools/css/reset/reset.css -->
    <link rel="stylesheet" type="text/css" href="css/reset.css">
                
    <!-- load css for cubeportfolio -->
        <link rel="stylesheet" type="text/css" href="../../cubeportfolio/css/cubeportfolio.min.css">

    <!-- load main css for this page -->
    <link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body class="demo-blog-posts">
            
    <br><br><br>

    <div class="wrapper">

        <div id="filters-container" class="cbp-l-filters-list">
            <div data-filter="*" class="cbp-filter-item-active cbp-filter-item cbp-l-filters-list-first">All (<div class="cbp-filter-counter"></div>)</div>
            <div data-filter=".print" class="cbp-filter-item">Print (<div class="cbp-filter-counter"></div>)</div>
            <div data-filter=".web-design" class="cbp-filter-item">Web Design (<div class="cbp-filter-counter"></div>)</div>
            <div data-filter=".logo" class="cbp-filter-item">Logo (<div class="cbp-filter-counter"></div>)</div>
            <div data-filter=".motion" class="cbp-filter-item cbp-l-filters-list-last">Motion (<div class="cbp-filter-counter"></div>)</div>
        </div>

        <div id="grid-container" class="cbp-l-grid-blog">
            <ul>
                <li class="cbp-item print motion">
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/1.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-text">VIEW POST</div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-l-grid-blog-title">We want to rule the world </a>
                    <div class="cbp-l-grid-blog-date">20 december 2013</div>
                    <div class="cbp-l-grid-blog-split">|</div>
                    <a href="#" class="cbp-l-grid-blog-comments">12 comments</a>
                    <div class="cbp-l-grid-blog-desc">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laud...</div>
                </li>
                <li class="cbp-item web-design logo">
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/2.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-text">VIEW POST</div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-l-grid-blog-title">Create your own playlist</a>
                    <div class="cbp-l-grid-blog-date">25 december 2013</div>
                    <div class="cbp-l-grid-blog-split">|</div>
                    <a href="#" class="cbp-l-grid-blog-comments">8 comments</a>
                    <div class="cbp-l-grid-blog-desc">Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae.</div>
                </li>
                <li class="cbp-item print motion">
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/3.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-text">VIEW POST</div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-l-grid-blog-title">Your online buddie</a>
                    <div class="cbp-l-grid-blog-date">29 december 2013</div>
                    <div class="cbp-l-grid-blog-split">|</div>
                    <a href="#" class="cbp-l-grid-blog-comments">23 comments</a>
                    <div class="cbp-l-grid-blog-desc">Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. </div>
                </li>
                <li class="cbp-item web-design print">
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/4.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-text">VIEW POST</div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-l-grid-blog-title">A man with a true style</a>
                    <div class="cbp-l-grid-blog-date">5 january 2014</div>
                    <div class="cbp-l-grid-blog-split">|</div>
                    <a href="#" class="cbp-l-grid-blog-comments">111 comments</a>
                    <div class="cbp-l-grid-blog-desc">Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae...</div>
                </li>
                <li class="cbp-item motion logo">
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/5.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-text">VIEW POST</div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-l-grid-blog-title">We believe in leaders</a>
                    <div class="cbp-l-grid-blog-date">8 january 2014</div>
                    <div class="cbp-l-grid-blog-split">|</div>
                    <a href="#" class="cbp-l-grid-blog-comments">1 comments</a>
                    <div class="cbp-l-grid-blog-desc">Voluptas nulla pariatur? At vero eos et accusamus et iusto odio dignissimos ducimu.</div>
                </li>
                <li class="cbp-item print motion">
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/6.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-text">VIEW POST</div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-l-grid-blog-title">Here's a quick breakdown</a>
                    <div class="cbp-l-grid-blog-date">14 january 2014</div>
                    <div class="cbp-l-grid-blog-split">|</div>
                    <a href="#" class="cbp-l-grid-blog-comments">54 comments</a>
                    <div class="cbp-l-grid-blog-desc">Perspiciatis unde omnis iste natus error sit voluptatem accusantium. Sed ut perspiciatis...</div>
                </li>
                <li class="cbp-item web-design print">
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/7.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-text">VIEW POST</div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-l-grid-blog-title">Designing Your First Website</a>
                    <div class="cbp-l-grid-blog-date">67 january 2014</div>
                    <div class="cbp-l-grid-blog-split">|</div>
                    <a href="#" class="cbp-l-grid-blog-comments">12 comments</a>
                    <div class="cbp-l-grid-blog-desc">Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae...</div>
                </li>
                <li class="cbp-item print logo">
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/8.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-text">VIEW POST</div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-l-grid-blog-title">Coding Your First Website</a>
                    <div class="cbp-l-grid-blog-date">25 january 2014</div>
                    <div class="cbp-l-grid-blog-split">|</div>
                    <a href="#" class="cbp-l-grid-blog-comments">6 comments</a>
                    <div class="cbp-l-grid-blog-desc">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</div>
                </li>
                <li class="cbp-item motion logo">
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-caption">
                        <div class="cbp-caption-defaultWrap">
                            <img src="img/9.jpg" alt="">
                        </div>
                        <div class="cbp-caption-activeWrap">
                            <div class="cbp-l-caption-alignCenter">
                                <div class="cbp-l-caption-body">
                                    <div class="cbp-l-caption-text">VIEW POST</div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="http://codecanyon.net/user/bmihai" target="_blank" class="cbp-l-grid-blog-title">Responsive Web Design</a>
                    <div class="cbp-l-grid-blog-date">28 january 2014</div>
                    <div class="cbp-l-grid-blog-split">|</div>
                    <a href="#" class="cbp-l-grid-blog-comments">3 comments</a>
                    <div class="cbp-l-grid-blog-desc">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</div>
                </li>
            </ul>
        </div>

    </div>

    <br><br><br>
        
    <!-- load jquery -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

    <!-- load cubeportfolio plugin -->
        <script type="text/javascript" src="../../cubeportfolio/js/jquery.cubeportfolio.min.js"></script>

    <!-- load main js -->
    <script type="text/javascript" src="js/main.js"></script>
                
</body>
</html>
